<% layout("/common/layout.html",{"title":"主页"}){ %>
<div class="row wrapper border-bottom white-bg page-heading">
	<div class="col-sm-8">
		<h2>一窗多办</h2>
		<ol class="breadcrumb">
			<li><a href="${ctxPath}/windowOffices/view/index">主页</a></li>
			<li class="active">办事指南</li>
		</ol>
	</div>
</div>
<div class="wrapper wrapper-content">
		<div class="row  mt15">
		      <!-- 搜索-->
 <% include("/windowOffices/search_bar.html"){} %> 
      <!-- 搜索-->
				<div class="panel panel-primary">
					<div class="panel-heading">
						<h2 style="color: white;">${item.serviceName!}</h2>
						<h4 style="color: white;">事项编码：${item.serviceCode!}</h4>
					</div>
					<div class="panel-body">
						<table class="table table-bordered ">
							<div class="col-sm-7">
								<h4>事项介绍</h4>
							</div>
							<div class="col-sm-5" align="right">
								<a href="/windowOffices/info/${item.serviceCode!}"
									class="btn btn-primary btn-outline "><i
									class="iconfont icon-qianzhengbanli" aria-hidden="true"></i>|&nbsp;在线办理</a>
								<a href="javaScript:alert('功能正在建设中，暂无法查看评价！')"
									class="btn btn-primary btn-outline "><i
									class="iconfont icon-hudong" aria-hidden="true"></i>|&nbsp;查看评价</a>
								<a href="javaScript:alert('功能正在建设中，暂无法查看常见问题！')"
									class="btn btn-primary btn-outline "><i
									class="iconfont icon-fenxiangchangjianwenti" aria-hidden="true"></i>|&nbsp;常见问题</a>
							</div>
							<col width="15%" align="right">
							<col width="35%" align="left">
							<col width="15%" align="right">
							<col width="35%" align="left">
							<tr>
								<th>事项类型</th>
								<td>${decode(item.serviceType,'XK','行政许可','JC','行政检查','QZ','行政强制','ZC','行政征收','GF','行政给付','CJ','行政裁决','QR','行政确认','JL','行政奖励','GG','公共服务','QT','其他','')}</td>
								<th>办件类型</th>
								<td>${item.infoType!}</td>
							</tr>
							<tr>
								<th>实施单位</th>
								<td>${item.deptName!}</td>
								<th>实施主体性质</th>
								<td>${decode(item.implementPropety,'01','法定机关','02','授权组织','03','受委托组织','')}</td>
							</tr>
							<tr>
								<th>行使级层</th>
								<td>${decode(item.performLevel,'01','国级','02','省级','03','市级','04','县级','05','乡级','06','村级','')}</td>
								<th>办理对象</th>
								<td><%var forUser=item.forUser; %>
									${@forUser.contains("01")? "个人;"} ${@forUser.contains("02")?
									"法人;"} ${@forUser.contains("03")? "事业单位;"}
									${@forUser.contains("04")? "行政机关;"} ${@forUser.contains("05")?
									"其他组织;"}</td>
							</tr>
							<tr>
								<th>许可数量</th>
								<td>${isEmpty(item.countLimitDesc)?'无限制'}${isNotEmpty(item.countLimitDesc)?item.countLimitDesc}</td>
								<th>是否涉及中介</th>
								<td>${isEmpty(item.mediationServices)?'不'}涉及中介服务</td>
							</tr>
							<tr>
								<th>法定办结时限（工作日）</th>
								<td>${item.legalDays!}</td>
								<th>承诺办结时限（工作日）</th>
								<td>${item.promiseDays!}</td>
							</tr>
							<tr>
								<th>是否收费</th>
								<td>${decode(item.isCharge,'Y','是','N','否','')}</td>
								<th>收费方式</th>
								<td>${decode(item.chargeType,'01','指定窗口收费','02','已实现网上缴费','03','计划通过办事大厅缴费','')}</td>
							</tr>
							<tr>
								<th>收费标准及依据</th>
								<td colspan="3">${item.chargeStandard!}${item.legalStandard!}</td>
							</tr>
							<tr>
								<th>办理结果类型</th>
								<td>${decode(item.resultType,'01','证照','02','批文','03','证明','04','其他','')}</td>
								<th>办理结果领取方式</th>
								<td><%var resultGettype=item.resultGettype; %>
									${@resultGettype.contains("01")? "申请对象窗口领取;"}
									${@resultGettype.contains("02")? "邮递办理结果;"}
									${@resultGettype.contains("03")? "电子证照窗口拷取;"}
									${@resultGettype.contains("04")? "电子证照送达政务通;"}</td>
							</tr>
							<tr>
								<th>办理形式</th>
								<td>${decode(item.applyType,'in01','指南式','in02','链接式','in03','收办分离式','in04','全流程','')}</td>
								<th>通办范围</th>
								<td>${decode(item.handleScope,'01','跨省','02','跨市','03','跨县','04','全国','')}</td>
							</tr>
							<tr>
								<th>监督投诉</th>
								<td>${item.monitorComplain!}</td>
								<th>咨询电话</th>
								<td>${item.contactPhone!}</td>
							</tr>
							<tr>
								<th>办公时间</th> <%if(isNotEmpty(item.amStartTime)){%>
								<td colspan="3">上午${item.amStartTime!'法定时间'}至${item.amEndTime!}
									下午${item.pmStartTime!}至${item.pmEndTime!}（节假日除外）</td> <%}else{%>
								<td colspan="3">法定时间</td> <%}%>
							</tr>
							<tr>
								<th>办理地点</th>
								<td colspan="3">${item.acceptAddrDesc!}</td>
							</tr>
							<tr>
								<th>交通指引</th>
								<td colspan="3">${item.trafficGuide!}</td>
							</tr>
							<tr>
								<th>办理查询</th>
								<td colspan="3">申请人可通过电话、河南政务服务网、河南政务服务网手机APP客户端、政务服务大厅窗口等方式查询该事项的办理进程</td>
							</tr>
						</table>
					</div>
				</div>

				<div class="panel panel-default">
					<div class="panel-body">
						<div class="tabs-container" id="tabs-container">
							<ul class="nav nav-tabs">
								<li class="active"><a data-toggle="tab" href="#tab-1"
									aria-expanded="true" style="color: black;"> 设定依据</a></li>
								<li class=""><a data-toggle="tab" href="#tab-2"
									aria-expanded="false" style="color: black;">办理流程图</a></li>
								<li class=""><a data-toggle="tab" href="#tab-3"
									aria-expanded="false" style="color: black;">办理材料</a></li>
								<li class=""><a data-toggle="tab" href="#tab-4"
									aria-expanded="false" style="color: black;">办结结果样本</a></li>
								<li class=""><a data-toggle="tab" href="#tab-5"
									aria-expanded="false" style="color: black;">办结结果说明</a></li>
							</ul>
							<div class="tab-content">
								<div id="tab-1" class="tab-pane active">
									<div class="panel-body">
										${isEmpty(item.legalStandard)?'无'}
										${isNotEmpty(item.legalStandard)?item.legalStandard}</div>
								</div>
								<div id="tab-2" class="tab-pane">
									<div class="panel-body">
										<img src="${fileStoreUrl!}${item.flowContent!}" />
									</div>
								</div>

								<div id="tab-3" class="tab-pane">
									<div class="panel-body">
										<% if(isNotEmpty(filesList)){ %>
										<table class="table table-bordered ">
											<thead>
												<tr>
													<th>材料名称</th>
													<th>材料类型</th>
													<th>来源渠道</th>
													<th>原件份数</th>
													<th>复印份数</th>
													<th>材料要求</th>
												</tr>
											</thead>
											<tbody>
												<% for(file in filesList){ %>
												<tr>
													<td>${file.name!}</td>
													<td>${decode(file.format,1,'原件',2,'复印件',3,'原件或复印件',4,'纸质表格',5,'电子文件',6,'原件和复印件','')}</td>
													<td>${file.srcWay!}</td>
													<td>${file.srcNum!}</td>
													<td>${file.copyNum!}</td>
													<td>${file.submitRequire!}</td>
												</tr>
												<% } %>
										</table>
										<% }else{ %> 无 <% } %>
									</div>
								</div>

								<div id="tab-4" class="tab-pane">
									<div class="panel-body">
										<% if(isNotEmpty(item.resultExample)){ %> <img width="100%"
											src="${fileStoreUrl!}${item.resultExample!}" /> <% }else{ %>
										无 <%} %>
									</div>
								</div>

								<div id="tab-5" class="tab-pane">
									<div class="panel-body">${isEmpty(item.resultDesc)?'无'}
										${isNotEmpty(item.resultDesc)?item.legalStandard}</div>
								</div>

							</div>

						</div>
					</div>
				</div>

			</div>
		</div>

<% } %>
<script>
require(['windowOffices/windowOffices'], function (windowOffices) {
	windowOffices.info();
});

</script>
</body>
</html>